<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/reset.css">
	<title>Document</title>
	<style>
		.content li{
			border-bottom: 1px dashed #ccc;
			line-height: 2;
			border-left: 3px solid #008c8c;
			padding-left: 10px;
			margin: 1.5em auto;
			width: 200px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;

		}

		.content{
			margin-top: 200px;

		}

	</style>
</head>
<body>
	<div class="content">
		<ul>
			<li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod optio at ut!</li>
			<li>Iusto mollitia deserunt neque beatae, modi consectetur officiis incidunt ullam nulla quisquam?</li>
			<li>Vel, veniam! Possimus facilis perferendis dolore doloremque, quaerat accusamus iure laudantium molestias!</li>
			<li>Accusantium adipisci sunt sequi totam voluptatem obcaecati. Voluptatibus quia fugiat deleniti nemo.</li>
			<li>Quisquam dolore perspiciatis maiores aliquam quidem similique nihil sit dolorem totam? Quia.</li>
			<li>Adipisci officiis cumque, nulla itaque iste sapiente ut dolores ipsam ex tempora?</li>
			<li>Id nihil voluptatem voluptatum pariatur distinctio animi, accusamus nam voluptate et incidunt?</li>
			<li>Adipisci, officia laboriosam ratione qui nostrum alias aliquam corporis repudiandae harum quasi.</li>
		</ul>
	</div>
</body>
</html>